.header{
	background: #047BFC;
	font-size: 20px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
}

.info{
	background-color: #fff;
	padding:0 15px;
	.avatar,.name,.num,.test-time,.advance-login-time,.delay-time,.advance-hand-time,.test-requirement{
		border-bottom: 1px solid #ededed;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 14px;
		color: #999;
		span{
			color: #333;
		}
		
	}
	.test-requirement{
	    border-bottom: 0;	
	}
	.avatar{
		height: 100px;
		.user-avatar{
			width: 80px;
			height: 80px;
			border: 1px solid #E2E2EA;
		}
	}
	
	.test-time{
		padding: 7.5px 0;
		.period{
			width: 150px;
			color: #999;
		}
	}
}

.h100{
	height: 50px;
}
.photo-count{
	height: 50px;
	border-top: 1px solid #ededed;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #333;
	justify-content: center;
}
.confirm{
	position: fixed;
	width: 100%;
	bottom: 0;
	.is-check{
		font-size: 14px;
		font-family: SourceHanSansCN-Normal, SourceHanSansCN;
		font-weight: 400;
		color: #333333;
		height: 50px;
		line-height: 50px;
		text-align: center;
        background: #FFFFFF;
	}
	.enter{
		height: 50px;
		line-height: 50px;
		text-align: center;
		width: 100%;
		background: #047BFC;
		font-size: 16px;
		font-family: SourceHanSansCN-Medium, SourceHanSansCN;
		font-weight: 500;
		color: #FFFFFF;
	}
}


.refresh{
	background-color: #26bbff !important;
}
::v-deep uni-checkbox .uni-checkbox-input{
	width: 22px;
	height: 22px;
	border-radius: 100%;
}

::v-deep uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked{
	background-color: #047cfa;
	color: #fff !important;
}

::v-deep uni-checkbox:not([disabled]) .uni-checkbox-input:hover{
	border-color: #999;
}

::v-deep uni-checkbox .uni-checkbox-input{
	margin-right: 5px !important;
}
 .popup-content{
	width: 345px;
	height: 208px;
	background: #FFFFFF;
	border-radius: 4px !important;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
.pop-header{
	width: 345px;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	background: #FFFFFF;
	font-size: 18px;
	font-family: SourceHanSansCN-Bold, SourceHanSansCN;
	font-weight: bold;
	color: #333333;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #f1f1f5;
	.close{
		width: 16px;
		height: 16px;
	}
}

.pop-body{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: #333333;
	border-bottom: 1px solid #f1f1f5;
}
.pop-footer{
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	text{
		width: 90px;
		height: 40px;
		text-align: center;
		line-height: 40px;
		background: #047BFC;
		border-radius: 8px;
		font-size: 16px;
		font-family: SourceHanSansCN-Medium, SourceHanSansCN;
		font-weight: 500;
		color: #FFFFFF;
	}
}

.modal-body{
	border-radius: 4px !important;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
.modal-content{
	width: 300px;
	border-bottom: 1px solid #f1f1f5;
	font-size: 14px;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: #333333;
	padding: 30px 15px;
}

.modal-footer{
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ef4f00;
}

.oe-exam-camera{
	position: fixed;
	right: 30px;
	top: 100px;
	background-color: #ccc;
}